{extend name="template/base_default"}
{block name="header"}
<link rel="stylesheet" href="__CSS__/common.css">
<link rel="stylesheet" href="__CDN__/weui/weui.min.css">
<link rel="stylesheet" href="__CSS__/login/index.css">
<style>
    .login-form{
        background: white;
    }
    body{
        background-image:url("__IMG__/bj.png");
        background-repeat:no-repeat;
        background-size:cover;
        text-align: center;
    }
</style>
{/block}
{block name="body"}
<div id="personalHeader" onclick="">
    <ul>
        <li><div class="c-logo" ><img class="m-avatar" src="{$head}" /></div></li>
    </ul>
</div>
<form action="{:url('login/register')}" method="post" style="width:80%;margin: auto">

    <div class="form-input2" >
        <label for="name" class="form-input2-label">昵称</label>
        <input class="form-input2-input" id="name" name="name" type="text" value="" placeholder="昵称">
    </div>
    <div class="form-input2">
        <label for="sex" class="form-input2-label">性别</label>
            <input class="form-input2-input" name="sex" id="sex" type="text" value="">
    </div>
    <div class="form-input2">
        <label for="name" class="form-input2-label">简介</label>
        <input class="form-input2-input" id="content" name="content" type="text" value="" placeholder="介绍下自己">
    </div>

    <div class="form-input">
        <button id="submit" class="login-btn" type="button">保存</button>
    </div>

</form>
{/block}
{block name="footer"}
<script type="text/javascript" src="__JS__/public.js"></script>
<script>
    $("#sex").select({
        title: "性别",
        items: [
            {
                title: "男",
                value: "0",
            },
            {
                title: "女",
                value: "1"
            }
        ]
    });

</script>
{/block}